/**
* Copyright @ 2023 iAuto (Shanghai) Co., Ltd.
* All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are NOT permitted except as agreed by
* iAuto (Shanghai) Co., Ltd.
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
*/


// menu 宽度
@menu-width: var(--menu-width);
// blocks 宽度
@blocks-width: var(--blocks-width);
#blocks {
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  // border-radius: 10px;
}

.scratchCategoryMenu {
  width: 0;
  min-width: @menu-width;
}

.blocklyToolboxDiv::-webkit-scrollbar {
  width: 6px;
  height: 1px;
}

.blocklyToolboxDiv::-webkit-scrollbar-thumb {
  background: rgba(206, 205, 206, 1);
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 5px #cecdce;
}

// .blocklyToolboxDiv::-webkit-scrollbar-track {
//   background: #ededed;
//   border-radius: 6px;
//   -webkit-box-shadow: inset 0 0 5px #cecdce;
// }

.blocklyFlyout {
  border-right: 1px solid #ccc;
  transform: translate(@menu-width, 0) !important;
}

.blocklyFlyoutScrollbar {
  transform: translate(calc(@menu-width + @blocks-width - 20px), 2.5px) !important;
}

// .injectionDiv::after {
//   position: absolute;
//   top: 0;
//   right: 0;
//   z-index: -1;
//   width: calc(100% - @menu-width - @blocks-width);
//   height: 100%;
//   background: #fff;
//   border-top-left-radius: 0.5rem;
//   border-bottom-left-radius: 0.5rem;
//   opacity: 0.6;
//   content: '';
// }

// .blocklyScrollbarHandle {
//   opacity: 0.5;
//   fill: #ffffff;
// }

// .blocklyFlyoutBackground {
//   fill: #fff;
//   fill-opacity: 0.6;
// }

.blocklyMainBackground {
  stroke: none;
}

// .injectionDiv::before {
//   // background: red;
//   position: absolute;
//   top: 0;
//   right: calc(100% - 397px);
//   z-index: 20;
//   width: 10px;
//   height: 100%;
//   background: transparent;
//   content: '';
// }

.toolboxHide {
  display: none !important;
}
